<template>
  <AdaptiveView>
    <div class="screen-container">
      <div class="screen-content" ref="screenRef">
        <div v-show="loading" class="mask flex-c">
          <dv-loading>
            <span class="loading-title">加载中...</span>
          </dv-loading>
        </div>
        <div v-if="!loading" class="h-full">
          <workbench-page-design
            :isDesign="2"
            :isProd="1"
            :id="route.query.id"
          />
        </div>
      </div>
    </div>
  </AdaptiveView>
</template>

<script setup lang="ts">
import request from "@/utils/request";
import WorkbenchPageDesign from "@/views/system/sysworkbenchinfo/workbenchPageDesign/index.vue";
import dayjs from "dayjs";
import { useRoute } from "vue-router";
// import { BorderBox8 as DvBorderBox8 } from "@kjgl77/datav-vue3";

defineOptions({
  name: "DATASCREENJTCUSTOMIZESCREEN",
  inheritAttrs: false,
});

const route = useRoute();
const loading = ref(true);
onMounted(() => {
  setTimeout(() => {
    loading.value = false;
  }, 1000);
});

let timer: any = ref(null);

onBeforeUnmount(() => {
  clearInterval(timer.value);
  timer.value = null;
});
</script>

<style lang="scss" scoped>
@import url(@/styles/customizeScreen.scss);
</style>
